<template>
  <div class="min-h-screen flex flex-col bg-white pt-16 pb-32">
    <the-header />
    <div class="container grow">
      <the-carousel />
      <div class="mt-96 z-20 relative bg-white border p-4">
        <nuxt class="" />
      </div>
    </div>
    <!-- <the-footer /> -->
  </div>
</template>

<script>
import theHeader from "./header.vue";
import theFooter from "./footer.vue";
import theCarousel from "./carousel.vue";

export default {
  components: { theHeader, theFooter, theCarousel },
};
</script>
